<section id="carroselIndex">

    <section id="myCarousel" class="carousel slide">
        <section class="carousel-inner">
            <section class="item item1 active ">
                <style type="text/css">
                    .item1{
                        background-image: url(<?= $this->baseUrl('/public/img/empire_state_view_by_leventep-d492att.jpg') ?>);
                        background-position: center;
                        background-repeat: no-repeat;
                        height: 100%;
                    }


                </style>
                <legend>
                    Seja Bem vindo!
                </legend>
                <section class="item-content">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec metus venenatis magna mattis pellentesque non sit amet tortor. Donec massa sapien, mattis id semper suscipit, lacinia sit amet velit. Suspendisse potenti. Cras vitae dui sit amet eros sodales accumsan vitae sit amet quam. Aenean pellentesque dignissim odio, sit amet sollicitudin est varius non. In iaculis dignissim mi at interdum. Pellentesque sit amet diam varius erat pellentesque placerat non non sapien. Aliquam erat volutpat. Quisque suscipit leo vitae urna posuere ut fringilla ligula luctus. Quisque a pretium turpis. Aliquam aliquam enim nec risus eleifend mollis. Aliquam suscipit tellus adipiscing libero blandit malesuada tempor libero adipiscing.

                    Donec posuere vestibulum sapien, ac egestas lorem interdum sit amet. Mauris diam lacus, lacinia quis molestie sit amet, ultricies eget tortor. Donec laoreet odio sit amet purus congue euismod condimentum leo vestibulum. Cras semper mattis erat semper suscipit. Quisque a massa non dui lobortis pharetra a in nisl. Proin eu sem justo, sed ultrices libero. Vestibulum pharetra ante nec lacus eleifend feugiat. Pellentesque turpis lorem, congue vel pretium eget, iaculis in mauris. Quisque aliquet, lacus sed auctor ultricies, orci neque luctus quam, eget elementum tortor enim nec metus.
                </section>
            </section>

            <section class="item item2">
              <style type="text/css">
                    .item2{
                        background-image: url(<?= $this->baseUrl('/public/img/future_city.jpg') ?>);
                        background-position: center;
                        background-repeat: no-repeat;
                        height: 100%;
                    }
                </style>
                <legend>
                    Seja Bem vindo!
                </legend>
                <section class="item-content">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec metus venenatis magna mattis pellentesque non sit amet tortor. Donec massa sapien, mattis id semper suscipit, lacinia sit amet velit. Suspendisse potenti. Cras vitae dui sit amet eros sodales accumsan vitae sit amet quam. Aenean pellentesque dignissim odio, sit amet sollicitudin est varius non. In iaculis dignissim mi at interdum. Pellentesque sit amet diam varius erat pellentesque placerat non non sapien. Aliquam erat volutpat. Quisque suscipit leo vitae urna posuere ut fringilla ligula luctus. Quisque a pretium turpis. Aliquam aliquam enim nec risus eleifend mollis. Aliquam suscipit tellus adipiscing libero blandit malesuada tempor libero adipiscing.

                    Donec posuere vestibulum sapien, ac egestas lorem interdum sit amet. Mauris diam lacus, lacinia quis molestie sit amet, ultricies eget tortor. Donec laoreet odio sit amet purus congue euismod condimentum leo vestibulum. Cras semper mattis erat semper suscipit. Quisque a massa non dui lobortis pharetra a in nisl. Proin eu sem justo, sed ultrices libero. Vestibulum pharetra ante nec lacus eleifend feugiat. Pellentesque turpis lorem, congue vel pretium eget, iaculis in mauris. Quisque aliquet, lacus sed auctor ultricies, orci neque luctus quam, eget elementum tortor enim nec metus.
                </section>
            </section>
        </section>
        <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
        <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
    </section>


</section>
